<!--
 * @Description: jQuery
 * @Author: rendc
 * @Date: 2021-09-10 09:16:22
 * @LastEditors: rendc
 * @LastEditTime: 2021-09-10 09:42:53
-->
<!DOCTYPE html>
<html lang="en">

<head>
  <meta charset="UTF-8">
  <meta http-equiv="X-UA-Compatible" content="IE=edge">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>jQuery</title>
  <!-- 第一步 导入jQuery -->
  <script src="../js/jquery.js"></script>
</head>

<body>
  <div id="app">
    <p>1</p>
    <p>2</p>
    <p class="p3">3</p>
    <div class="p3"></div>
    <a href="http://www.baidu.com">百度一下</a>
    <a href="xxx">xxx</a>
  </div>
</body>
<script>
  var app1 = document.getElementById("app");
  var app2 = $("#app")[0];
  // console.log(app1);
  // console.log(app2);
  // 选取所有元素
  // console.log($("*"));
  // 根据元素名选取元素
  // console.log($("p"));
  // console.log($("div"));
  // 根据类名选择
  // console.log($(".p3"));
  // 组合选择器
  // console.log($("p.p3")); //选择类名为p3的p元素
  // 根据属性选择[] 选取带有某些属性的元素
  // console.log($('[href]'));
  // 根据属性选择[] 选取某些属性为xxx的元素
  // console.log($("[href='xxx']"));
  // 选择子元素
  // console.log($("p")[1]);
</script>

</html>